<div id="page-ptr" class="page page-current">
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left back">
            <span class="icon icon-left"></span>
            返回
        </a>
        <h1 class="title">栅格</h1>
    </header>
    <div class="content native-scroll" style="">
        <!-- 下面是正文 -->
        <div class="card-container">
            <div class="card">
                <div class="card-header">标题</div>
                <div class="card-content">
                    <div class="card-content-inner">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
                </div>
            </div>
            <div class="card" style="overflow: hidden">
                <div class="card-header" style="background-color: #fff;z-index: 10;">下拉</div>
                <div class="content2 pull-to-refresh-content native-scroll">
                    <div class="pull-to-refresh-layer">
                        <div class="preloader"></div>
                        <div class="pull-to-refresh-arrow"></div>
                    </div>
                    <div class="card-content">
                        <div class="card-content-inner">
                            下拉屏幕试试，会出现更多的卡片
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
